<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>博客前端1：封装库---遮罩锁屏</title>
	<script type="text/javascript" src="index.js"></script>
    <script type="text/javascript" src="base.js"></script>
    <link rel="stylesheet" href="index.css" />  
</head>

<body>
   
    <!-- 个人中心 -->
    <div id="header">
    	<div class="logo"><img src="img/logo.gif" alt=""></div>
    	<div class="member">
    	    个人中心
    	    <ul>
    	    	<li><a href="###">设置</a></li>
    	    	<li><a href="###">换肤</a></li>
    	    	<li><a href="###">帮助</a></li>
    	    	<li><a href="###">退出</a></li>
    	    </ul>
    	</div>
        <div class="login">登录</div>
    </div>
   

   <!-- 登录框 -->
   <div id="login">
       <h2>网站登录<img src="img/close.png" alt="" class="close" /></h2>
       <div class="user">账 号：<input type="text" class="text" name="user" /></div>
       <div class="password">密 码：<input type="pass" class="text" name="pass" /></div>
       <div class="button"><input type="button" class="submit" value=""  name="submit" /></div>
       <div class="other">注册新用户 | 忘记密码？</div>
   </div>

  <!-- 遮罩锁屏 -->
  <div id="screen"></div>
	
</body>
</html>


